<div class="Integral" ng-controller="IntegralController" ng-cloak>
    <style>
        html,body{
            background: #F7F6F6;
            height: 100%;
            overflow-y:auto ;
            position: relative;
        }
    </style>
    <div class="Integral_head" ng-if="!titleStatus">
        <a class="Integral-back" go-back></a>
        <span class="Integral-title">个人积分</span>
    </div>
    <!--头部开始-->
    <div id="Integral_container" class="Integral_container " ng-class="{'true':'active','false':''}[titleStatus]">
        <div class="head">
            <div class="persion clear" >
                <!-- ui-sref="my.dengjilist"-->
                <img src="{{user.headimgurl}}" err-src="static/img/userdefault.png" class="fl">
                <div class="persion_dengji {{member_icon}} clear"  >
                    <span class="fl icon"></span>
                    <span class="fl infodeg">Lv{{member}} {{level_name}}</span>
                </div>
                <div  class="fl persion_middle" >
                   <p>当前积分: <span ng-bind="user.myintegral">1200</span></p>
                    <p>当前经验值: <span ng-bind="user.expvalue">1200</span></p>
                </div>
                <div class="view f10 fr persion_right">
                    <div class="top_indexdiv clear">
                        <p class="clear" ng-click="goToCharge()"><i class="fr"></i><span class="fr">积分兑换</span></p>
                        <p class="clear" ><i class="fr"></i><span class="fr" ng-click='goToUpgrade()'>如何升级</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="IntegralList">
          <ul>
              <li>
                  <img ng-src="static/img/img_waicanglu.png" alt="" style="width: 100% ;height:4.54rem;display: block;">
              </li>
              <li>
                  <img ng-src="static/img/img_sandinglu.png" alt="" style="width: 100% ;height:4.54rem;display: block;">
              </li>
              <li>
                  <img ng-src="static/img/img_kaitailu.png" alt="" style="width: 100% ;height:4.54rem;display: block;">
              </li>
              <li>
                  <img ng-src="static/img/img_baoxainglu.png" alt="" style="width: 100% ;height:4.54rem;display: block;">
              </li>
              <li>
                  <img ng-src="static/img/img_neichanglu.png" alt="" style="width: 100% ;height:4.54rem;display: block;">
              </li>
              <li>
                  <img ng-src="static/img/img_xiaokalu.png" alt="" style="width: 100% ;height:4.54rem;display: block;">
              </li>

              <li>
                  <img ng-src="static/img/img_wanghonglu.png" alt="" style="width: 100% ;height:4.54rem;display: block;">
              </li>
              <li>
                  <img ng-src="static/img/img_mingxinglu.png" alt="" style="width: 100% ;height:4.54rem;display: block;">
              </li>
          </ul>
        </div>
    </div>
</div>